<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>alt:V Chat</title>
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <div class="stress-test-label">
      Public Stress Test - v15
    </div>
    <div class="info">
      <div class="players-online">
        Players online <div class="info-number players-online-number">xxxx</div>
      </div> 
      <div class="player-id">
        Your ID <div class="info-number player-id-number">xxxx</div>
      </div>
      <div class="weapons-enabled">
        Weapons <div class="info-number weapons-enabled-on">ON</div>
      </div>
      <div class="voice-server-connection-status">
        Voice connection <div class="info-number voice-connection-status-connected">Connected</div>
      </div>
      <div class="streamed-in">
        Streamed players <div class="info-number streamed-in-players">0</div>
      </div>
      <div class="streamed-in">
        Streamed vehicles <div class="info-number streamed-in-vehicles">0</div>
      </div>
    </div>
    <div class="help-keys">
      <ol>
        <li><span class="help-keys-command">F2:</span> toggle HUD</li>
        <li><span class="help-keys-command">T / Enter:</span> open chat</li>

        <li><span class="help-keys-command">/tp</span> &lt;1 to 22&gt; (Teleport)</li>
        <li><span class="help-keys-command">/model</span> (Change your model between male and female)</li>
        <li><span class="help-keys-command">/outfit [outfit_name]</span> (Change outfit to random or entered value)</li>
        <li><span class="help-keys-command">/veh</span> &lt;modelName&gt; (Spawn a vehicle)</li>
        <li><span class="help-keys-command">/clearvehicles</span> (Clear your vehicles)</li>
        <li><span class="help-keys-command">/tune</span> &lt;index> &lt;value&gt; (Tune vehicle)</li>
        <li><span class="help-keys-command">/weapons</span> (Give yourself weapons)</li>
        <li><span class="help-keys-command">/addcomponent</span> &lt;name&gt; (Add weapon component)</li>
        <li><span class="help-keys-command">/removecomponent</span> &lt;name&gt; (Remove weapon component)</li>
        <li><span class="help-keys-command">/dm</span> (Toggle respawning in death match zone)</li>
        <li><span class="help-keys-command">/revive</span> (Revive player)</li>
      </ol>
    </div>
    <div class="content">
      <div class="chatbox">
        <div class="msglist">
          <div class="messages"></div>
        </div>
        <div class="msginput">
          <form id="message">
            <input type="text" spellcheck="false" />
          </form>
        </div>
      </div>
    </div>
    <script src="app.js"></script>
  </body>
</html>
